<template>
  <div>
    <div
      class="account-item"
      :class="active === 2 ? 'select-account-item' : ''"
      style="background-color: #e3f6ff; position: relative"
      ref="isUse"
    >
      <img class="useImg" v-if="active === 2" src="@/assets/img/use.png" alt="" />
      <div class="com-name">郑州象过河软件技术有限公司</div>
      <div style="margin-top: 0.675042rem">
        <div class="product-info">产品类型：进销存V1.0 9用户</div>
        <div class="product-info">启用时间：2021-07-23</div>
      </div>
      <div :class="active === 2 ? 'redactDelete' : 'redactDeleteTwo'">
        <el-button size="mini" @click="redact">编辑</el-button>
        <el-button type="primary" @click="useLog" size="mini" v-if="active !== 2">使用</el-button>
        <el-button size="mini" @click="deleteBtn" :disabled="active === 2">删除</el-button>
      </div>
    </div>
    <div
      class="account-item"
      style="background-color: #e3f6ff; position: relative"
      :class="active === 3 ? 'select-account-item' : ''"
      ref="isUse1"
    >
      <img class="useImg" v-if="active === 3" src="@/assets/img/use.png" alt="" />
      <div class="com-name">郑州象过河软件技术有限公司</div>
      <div style="margin-top: 0.675042rem">
        <div class="product-info">产品类型：进销存V1.0 9用户</div>
        <div class="product-info">启用时间：2021-07-23</div>
      </div>
      <div :class="active === 3 ? 'redactDelete' : 'redactDeleteTwo'">
        <el-button size="mini" @click="redact">编辑</el-button>
        <el-button @click="useLog3" type="primary" size="mini" v-if="active !== 3">使用</el-button>
        <el-button size="mini" @click="deleteBtn1" :disabled="active === 3">删除</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style>
</style>